<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<table id="inputPolicy"
  class="table table-bordered table-striped responsive-utilities">
  <thead>
    <tr>
      <th colspan="12">保单信息</th>
    </tr>
    <tr>
      <th style="width: 5%">序号</th>
      <th style="width: 15%">投保人/被投保人</th>
      <th style="width: 10%">姓名</th>
      <th style="width: 10%">证件类型</th>
      <th style="width: 20%">证件号码</th>
      <th style="width: 10%">出生日期</th>
      <th style="width: 5%">性别</th>
      <th>操作</th>
    </tr>
  </thead>
  <tbody id="personList">
    <tr id="tr_1">
      <td rowspan="3" class="line">1</td>
      <td>投保人<br /> <br /> 被投保人
      </td>
      <td><input id="name_0_1" name="no_0_1" type="text" size="8" /><input
        id="name_1_1" name="name_1_1" type="text" size="8" /></td>
      <td><select id="type_0_1" name="type_0_1">
          <option value="身份证">身份证</option>
          <option value="护照">护照</option>
          <option value="军官证">军官证</option>
          <option value="其他">其他</option>
      </select><select id="type_1_1" name="type_1_1">
          <option value="身份证">身份证</option>
          <option value="护照">护照</option>
          <option value="军官证">军官证</option>
          <option value="其他">其他</option>
      </select></td>
      <td><input id="no_0_1" name="no_0_1" type="text" size="20"
        onblur="checkNo(this);"
        onkeyup="value=value.replace(/[^a-zA-Z0-9]/g,'')"
        onmouseover="value=value.replace(/[^a-zA-Z0-9]/g,'')"
        onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^a-zA-Z0-9]/g,''))" /><input
        id="no_1_1" name="no_1_1" type="text" size="20"
        onblur="checkNo(this);"
        onkeyup="value=value.replace(/[^a-zA-Z0-9]/g,'')"
        onmouseover="value=value.replace(/[^a-zA-Z0-9]/g,'')"
        onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^a-zA-Z0-9]/g,''))" />
      </td>
      <td>
        <div class="input-append date"
          data-date="@DateTime.Now.AddMonths(-1).ToString('yyyy-MM-dd')"
          data-date-format="yyyy-mm-dd">
          <input id="birth_0_1" name="birth_0_1" type="text" size="8"
            data-date-format="yyyy-mm-dd" readonly /> <span
            class="add-on"><i class="icon-calendar"></i></span>
        </div>
        <div class="input-append date"
          data-date="@DateTime.Now.AddMonths(-1).ToString('yyyy-MM-dd')"
          data-date-format="yyyy-mm-dd">
          <input id="birth_1_1" name="birth_1_1" type="text" size="8"
            data-date-format="yyyy-mm-dd" readonly /> <span
            class="add-on"><i class="icon-calendar"></i></span>
        </div>
      </td>
      <td><select id="gender_0_1" name="gender_0_1">
          <option value="男" selected="selected">男</option>
          <option value="女">女</option>
      </select><select id="gender_1_1" name="gender_1_1"><option
            value="男" selected="selected">男</option>
          <option value="女">女</option>
      </select></td>
      <td><input id="aggree_1" name="aggree_1" type="checkbox"
        onclick="copyLine('1');" />是被保人本人</td>
    </tr>
    <tr>
      <td>被投保人电话</td>
      <td>生效日期</td>
      <td>旅行线路</td>
      <td>电子邮箱</td>
      <td colspan="3">购买份数</td>
    </tr>
    <tr>
      <td><input type="text" id="tel_1" size="15" /></td>
      <td>
        <div class="input-append date"
          data-date="@DateTime.Now.AddMonths(-1).ToString('yyyy-MM-dd')"
          data-date-format="yyyy-mm-dd">
          <input type="text" id="active_1" size="8"
            data-date-format="yyyy-mm-dd" readonly /> <span
            class="add-on"><i class="icon-calendar"></i></span>
        </div>
      </td>
      <td><input type="text" id="travel_1" size="15" /></td>
      <td><input type="text" id="email_1" /></td>
      <td colspan="3"><select id="num_1" name="num_1">
          <option value="1">1份</option>
          <option value="2">2份</option>
      </select></td>
    </tr>
  </tbody>
</table>
<p style="width: 100%; float: right; margin-right: 100px;">
  <input type="button" value="+添加保险人" class="btn-big btn-orange"
    style="float: right" onclick="addTravelLine();" />
</p>
<div style="width: 100%; float: right;">
  <div style="float: right;">
    上传Excel文件<input type="file" id="file" name="myfile" /><input
      type="button" class="btn-big btn-orange"
      onclick="UploadTravelFile()" value="上传" /><br />
    <progress style="visibility: hidden;" id="progressBar" value="0"
      max="100"></progress>
    <span id="percentage" style="visibility: hidden;"></span> <br /> <a
      href="/doc/template-travel.xls" target="_blank">点击下载Excel模板</a>，如在使用过程中有任何问题，请联系客服。
  </div>
</div>
<div style="text-align: center;">
  <input type="button" class="button btn-big btn-orange" value="提交订单"
    onclick="prepairTravelOrder('<c:out value="${insType}"/>');" />
</div>
